﻿<%@ page language="C#" autoeventwireup="true" inherits="MembershipCard_wechat_web_MDSearch, App_Web_whes5evj" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>门店查询</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" /> 
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta content="yes" name="apple-mobile-web-app-capable" /> 
<meta content="black" name="apple-mobile-web-app-status-bar-style" /> 
<meta content="telephone=no" name="format-detection" />
<link type="text/css" rel="stylesheet" href="css/index.css" />
</head>
<body>
    <form id="form1" runat="server">
    <div class="header">
    <h1>门店导航</h1>
</div>
   
    <div class="regcon" style="padding-top:5px;">
       <p class="zhuangup">Tips：想要搜索离您最近的佰草集汉方SPA门店，在下面选择您所在的城市。</p>
        
       <div class="regconli"><asp:DropDownList ID="DropDownList1"  class="dropdown-select" 
               runat="server" AutoPostBack="True" 
               onselectedindexchanged="DropDownList1_SelectedIndexChanged">
           <asp:ListItem>请选择城市</asp:ListItem>
           <asp:ListItem>上海</asp:ListItem>
           <asp:ListItem>北京</asp:ListItem>
           <asp:ListItem>苏州</asp:ListItem>
           <asp:ListItem>常州</asp:ListItem>
           <asp:ListItem>河南</asp:ListItem>
        </asp:DropDownList></div>
       <div class="regconli">
           <asp:DropDownList ID="DropDownList2" runat="server"  class="dropdown-select" 
               AutoPostBack="True" onselectedindexchanged="DropDownList2_SelectedIndexChanged">
               <asp:ListItem>请选择门店</asp:ListItem>
           </asp:DropDownList>
       </div>
      
       <%--<div class="btn">门店搜索</div>--%>
    </div>
<style type="text/css">
    html,body{margin:0;padding:0;}
    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
  <!--百度地图容器-->
  <div style="width:320px;height:200px; margin:0 auto;" id="dituContent"></div>

<script type="text/javascript" >
    //创建和初始化地图函数：
    function initMap() {
        createMap(); //创建地图
        setMapEvent(); //设置地图事件
        addMapControl(); //向地图添加控件
        addMarker(); //向地图中添加marker
    }

    //创建地图函数：
    

    //地图事件设置函数：
    function setMapEvent() {
        map.enableDragging(); //启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom(); //启用地图滚轮放大缩小
        map.enableDoubleClickZoom(); //启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard(); //启用键盘上下左右键移动地图
    }

    //地图控件添加函数：
    function addMapControl() {
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_ZOOM });
        map.addControl(ctrl_nav);
    }

    //标注点数组
   
    //创建marker
    function addMarker() {
        for (var i = 0; i < markerArr.length; i++) {
            var json = markerArr[i];
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            var point = new BMap.Point(p0, p1);
            var iconImg = createIcon(json.icon);
            var marker = new BMap.Marker(point, { icon: iconImg });
            var iw = createInfoWindow(i);
            var label = new BMap.Label(json.title, { "offset": new BMap.Size(json.icon.lb - json.icon.x + 10, -20) });
            marker.setLabel(label);
            map.addOverlay(marker);
            label.setStyle({
                borderColor: "#808080",
                color: "#333",
                cursor: "pointer"
            });

            (function () {
                var index = i;
                var _iw = createInfoWindow(i);
                var _marker = marker;
                _marker.addEventListener("click", function () {
                    this.openInfoWindow(_iw);
                });
                _iw.addEventListener("open", function () {
                    _marker.getLabel().hide();
                })
                _iw.addEventListener("close", function () {
                    _marker.getLabel().show();
                })
                label.addEventListener("click", function () {
                    _marker.openInfoWindow(_iw);
                })
                if (!!json.isOpen) {
                    label.hide();
                    _marker.openInfoWindow(_iw);
                }
            })()
        }
    }
    //创建InfoWindow
    function createInfoWindow(i) {
        var json = markerArr[i];
        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");
        return iw;
    }
    //创建一个Icon
    function createIcon(json) {
        var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w, json.h), { imageOffset: new BMap.Size(-json.l, -json.t), infoWindowOffset: new BMap.Size(json.lb + 5, 1), offset: new BMap.Size(json.x, json.h) })
        return icon;
    }

    initMap(); //创建和初始化地图
</script>


<div class="zhuangulist" runat="server" id="se">
   <%--<ul>
     <li><bdo>根据您搜索的关键词共找到1您附近的门店地址</bdo></li>
      <li>
       <h2>和平饭店店</h2>
       <p>黄浦区南京东路20号北楼</p>
       <p><span><a href="#">查看地图</a></span><strong><a href="Tel:021-88888888">33663536</a></strong></p>
      </li>
   </ul>
    <br />--%>

</div>
    </form>
</body>
</html>
